<template>
	<fieldset>
		<legend>个人中心</legend>
		<h1>学习资料</h1>
		<h1>js从入门到精通</h1>
		<h1>你所不知道的阿黄儿</h1>
		<h1>楼梯口交朋友</h1>
		<h1>一次性交多少钱 </h1>
		<button @click="jump">一个朴实无华的按钮</button>
	</fieldset>
</template>
<script>
	export default {
		created() {
			console.log(this.$router)
		},
		methods: {
			jump() {
				//push 往浏览器的历史记录栈中添加一项纪录

				// this.$router.push("/food")
				//传递query参数
				// this.$router.push({ path: "/food", query: { name: "韩梅梅" } })
				//传递params参数
				// this.$router.push({ name: "top", params: { money: '12.34亿' } })
				//如果使用path进行跳转,那么会忽略掉params属性 传递不成功
				// this.$router.push({ path: "/discover/toplist", params: { money: '12.34亿' } })

				//replace 替换当前的历史记录

                //用法:和push一摸一样

                //特性不同

                // this.$router.replace("/food")

				//go(n) n表示历史记录的第几个 以当前的记录为准 负值就是往历史记录栈的上层开始数 整值就是往历史记录栈的下层开始数 如果传入的值超过了历史记录栈的值 那么就失效了 啥也不会发生

                // this.$router.go(-5)

				//back 相当于返回上一个页面

                this.$router.back()

				//forward 前进到下一个页面
			}
		}
	}
</script>